<template>
  <div class="q-pa-md q-gutter-y-sm">
    <div class="bg-orange text-white">
      <t-toolbar>
        <t-btn flat round dense icon="menu" class="q-mr-sm" />
        <t-space />
        <t-btn flat round dense icon="search" class="q-mr-xs" />
        <t-btn flat round dense icon="group_add" />
      </t-toolbar>
      <t-toolbar inset>
        <t-toolbar-title><strong>Quasar</strong> Framework</t-toolbar-title>
      </t-toolbar>
    </div>

    <div class="bg-cyan text-white">
      <t-toolbar>
        <t-btn flat round dense icon="assignment_ind" />

        <t-space />

        <t-btn flat round dense icon="sim_card" class="q-mr-xs" />
        <t-btn flat round dense icon="gamepad" />
      </t-toolbar>

      <t-toolbar inset>
        <t-breadcrumbs active-color="white" style="font-size: 16px">
          <t-breadcrumbs-el label="Home" icon="home" />
          <t-breadcrumbs-el label="Components" icon="widgets" />
          <t-breadcrumbs-el label="Toolbar" />
        </t-breadcrumbs>
      </t-toolbar>
    </div>
  </div>
</template>
